import { Divider } from 'antd';
import SelectTime from './SelectTime';
import Rate from '../../components/Rate';

const RateDome = () => {
    return (
        <div className="p-20">
            <h3 className="m-b-20">Rate 评分</h3>
            <Divider orientation="left">基础用法</Divider>
            <Rate />
            <div className='fz-20 m-t-50 p-x-30'>
                <div style={{ position: 'relative', display: 'inline-block', width: 'auto' }}>
                    <span>好</span>
                    <span style={{ position: 'absolute', left: 0, top: 0, width: '50%', color: 'red', overflow: 'hidden' }}>好</span>
                </div>
            </div>

            <div className='fz-36 m-t-50 p-x-30 color-ddd m-b-30'>
                <div style={{ position: 'relative', display: 'inline-block', width: 'auto' }}>
                    <span>A</span>
                    <span style={{ position: 'absolute', left: 0, top: 0, width: '50%', color: '#fadb14', overflow: 'hidden', pointerEvents: 'none' }}>A</span>
                </div>
            </div>
            <h3 className="m-b-20">日期选择</h3>
            <SelectTime />
        </div>
    );
};

export default RateDome;
